html,
body,
#app {
  height: 100%;
}

body {
  font-family: PingFangSC-Regular, Microsoft YaHei, Helvetica, STHeiTi, Arial, sans-serif;
  font-size: 14px;
  margin: 0;
  background: #f5f5f5;
  color: #888;
  min-width: 1200px;
}

input,
textarea {
  font-family: inherit;
}
.font-size-defult{
  font-size:14px !important;
}
/******************\
 **  element-ui  **
\******************/
.el-breadcrumb {
  padding-bottom: 20px;
}

.el-pagination {
  text-align: center;
  padding-top: 15px;
}

.el-form-item.is-success .el-textarea__inner,
.el-form-item.is-success .el-input__inner {
  border-color: #e6e6e6 !important;
}

.m-form {
  &--filter {
    margin-bottom: -10px;

    .el-form-item__label,
    .el-form-item__content {
      line-height: 28px;
    }

    .el-form-item {
      margin-bottom: 10px;
    }

    .el-select__tags-text {
      display: inline-block;
      vertical-align: top;
      max-width: 36px;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  &--detail {

    .el-form-item__label,
    .el-form-item__content {
      line-height: 32px;
    }

    .el-checkbox {
      vertical-align: top;
    }

    .el-form-item.is-success .el-input__inner {
      border-color: #E4E7ED;
    }
  }
}

.el-form-item.is-success .el-input__inner {
  border-color: #dcdfe6 !important;
}

.m-table--handle {
  position: relative;
  min-height: 43px;

  .el-form-item__label,
  .el-form-item__content {
    line-height: 28px;
  }

  .el-form-item {
    margin-bottom: 15px;
  }
}

.el-table__expanded-cell,
.el-table__expanded-cell:hover {
  background: #fbfbfb !important;
}

.el-table__expanded-cell {
  font-size: 0;

  & label {
    // width: 100px;
    color: #99a9bf;
  }

  & .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 33.33%;
  }
}

.el-table__empty-text {
  text-align: left;
  width: 100% !important;
  text-indent: 1em;
}

.el-select-dropdown__all:hover {
  background: #fff;
}

/******************\
 **  common  **
\******************/
// width
.u-w75 {
  width: 75px !important;
}
.u-w100 {
  width: 100px !important;
}

.u-w120 {
  width: 120px !important;
}

.u-w140 {
  width: 140px !important;
}

.u-w160 {
  width: 160px !important;
}

.u-w170 {
  width: 170px !important;
}

.u-w180 {
  width: 180px !important;
}

.u-w200 {
  width: 200px !important;
}

.u-w220 {
  width: 220px !important;
}

.u-w250 {
  width: 250px !important;
}

.u-w270 {
  width: 270px !important;
}

.u-w300 {
  width: 300px !important;
}

.u-w320 {
  width: 320px !important;
}

.u-w330 {
  width: 330px !important;
}

.u-w350 {
  width: 350px !important;
}

.u-w440 {
  width: 440px !important;
}
.u-w500 {
  width: 500px !important;
}
.bg-purple-light{
  background-color: #E4E7ED;
}
// margin-top
.u-mt15 {
  margin-top: 15px !important;
}
.u-mt30{
  margin-top: 30px !important;
}
// margin-left
.u-ml10 {
  margin-left: 10px !important;
}

// margin-right
.u-mr10 {
  margin-right: 10px !important;
}

// margin-bottom
.u-mb0 {
  margin-bottom: 0 !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

// padding-bottom
.u-pb0 {
  padding-bottom: 0 !important;
}

.u-pb60 {
  padding-bottom: 60px !important;
}

// other
.u-cursor {
  color: #04c1fe;
  cursor: pointer;
}

.u-red {
  color: #ff3535;
}
.u-black{
  color:#000000;
}
.u-vat {
  vertical-align: top;
}

.u-dib {
  display: inline-block;
}

.u-prewrap {
  white-space: pre-wrap;
}